<%@page import="com.reachol.objects.User"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@page import="com.jimet.server.*"%>
<%
	String userId="";
	long step=1;
	if(session.getAttribute("userId")!=null)	
		{
			userId=(String)session.getAttribute("userId");
			User user = new User();
			user.load(Long.parseLong(userId));
			step = user.getStep();
		}
	else
		response.sendRedirect(JimetConfiguration.getString("APPLICATION.URL"));
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Herşey tek ekranda - Reachol</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="icon" href="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/img/site/logo.fw.ico" type="image/x-icon" />
<link href="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/css/bootstrap.css" rel="stylesheet">
<link  href="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/css/font-awesome.min.css" rel="stylesheet">
<link href="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/css/jquery.circliful.css" rel="stylesheet" type="text/css" />
<link href="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/css/style.css" rel="stylesheet" type="text/css" >
<link href="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/css/site.css" rel="stylesheet" type="text/css" >
<link href="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/css/demo.css" rel="stylesheet" type="text/css" >
</head>
<body>
	<script type="text/javascript" src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/js/jquery-1.10.2.min.js"></script> 
	<script src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/scripts/bootstrap.min.js"></script>	
	<script type="text/javascript" src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/js/onepagenav.js"></script> 
	<script type="text/javascript" src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/js/jquery.parallax-1.1.3.js"></script> 
	<script type="text/javascript" src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/js/jquery.isotope.min.js"></script> 
	<script type="text/javascript" src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/js/jquery.circliful.js"></script> 
	<script type="text/javascript" src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/js/jquery.tubular.1.0.js"></script> 
	<script type="text/javascript" src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/js/docs.min.js"></script> 
	<script type="text/javascript" src="<%=JimetConfiguration.getString("APPLICATION.URL")%>common/site/js/custom.js"></script> 

	<div class="container-step">
		<div class="header-step">
			<jsp:include page="./includes/header.jsp" />
		</div>
		<div class="content-step">
			<div class="content-in-top">
				<i class="fa fa-flag" style="color:#fff;font-size:30px;margin-top:10px;float:left;"></i>
				<div style="margin-top:5px;margin-left:10px;float:left;"> Reachol'a kayıt olmana çok az kaldı. Aşağıdaki adımları tamamlayarak üyeliğini başlatabilirsin.</div>
			</div>
			<div class="content-in-left-step">
				<div class="content-left-arrow" style="<%=step==1?"background-color:#5cb85c;":""%>">
					<div style="margin-left:10px;height:60px;line-height:60px;color:#fff;font-size:40px;float:left;">
						1
					</div>
					<div style="margin-left:10px;height:60px;line-height:60px;color:#fff;font-size:25px;float:left;">
						Kullanıcı Adı
					</div>
				</div>
				<div class="content-arrow " style="<%=step==1?"border-left: 50px solid #5cb85c;":""%>">
				
				</div>
				<div class="content-left-arrow" style="<%=step==2?"background-color:#5cb85c;":""%>">
					<div style="margin-left:10px;height:60px;line-height:60px;color:#fff;font-size:40px;float:left;">
						2
					</div>
					<div style="margin-left:10px;height:60px;line-height:60px;color:#fff;font-size:25px;float:left;">
						Aktivasyon
					</div>
				</div>
				<div class="content-arrow" style="<%=step==2?"border-left: 50px solid #5cb85c;":""%>">
				
				</div>
				<div class="content-left-arrow" style="<%=step==3?"background-color:#5cb85c;":""%>">
					<div style="margin-left:10px;height:60px;line-height:60px;color:#fff;font-size:40px;float:left;">
						3
					</div>
					<div style="margin-left:10px;height:60px;line-height:60px;color:#fff;font-size:25px;float:left;">
						Kategoriler
					</div>
				</div>
				<div class="content-arrow" style="<%=step==3?"border-left: 50px solid #5cb85c;":""%>">
				
				</div>
				<div class="content-left-arrow" style="<%=step==4?"background-color:#5cb85c;":""%>">
					<div style="margin-left:10px;height:60px;line-height:60px;color:#fff;font-size:40px;float:left;">
						4
					</div>
					<div style="margin-left:10px;height:60px;line-height:60px;color:#fff;font-size:25px;float:left;">
						Kullan
					</div>
				</div>
				<div class="content-arrow" style="<%=step==4?"border-left: 50px solid #5cb85c;":""%>">
				
				</div>
			</div>
			<div class="content-in-right-step" id="step-content-right">
				
			
			</div>
			
		</div>
	</div>		

	
</body>
</html>
<script>
	var step=<%=step%>;
	if(step==1)
	{
		$('#step-content-right').load('<%=JimetConfiguration.getString("APPLICATION.URL")%>steps/process/stepProcess_1.jsp');
	}
	if(step==2)
	{
		$('#step-content-right').load('<%=JimetConfiguration.getString("APPLICATION.URL")%>steps/process/stepProcess_2.jsp');
	}
	if(step==3)
	{
		$('#step-content-right').load('<%=JimetConfiguration.getString("APPLICATION.URL")%>steps/process/stepProcess_3.jsp');
	}
	if(step==4)
	{
		$('#step-content-right').load('<%=JimetConfiguration.getString("APPLICATION.URL")%>steps/process/stepProcess_4.jsp');
	}
</script>
